.global-export-start {
  filter: grayscale(0.5);
  div[data-refid] {
    position: relative;
    border: 2px #ccc;
    border-style: dashed;
    border-radius: 5px;
    cursor: grab;

    &:after {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      display: 'block';
      width: 100%;
      height: 100%;
      background-color: #ccc;
      opacity: 0.1;
      content: '';
    }

    &.global-export-selected {
      position: relative;
      border: 2px var(--warning-color);
      border-style: dashed;
      border-radius: 5px;
      cursor: grab;

      &:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: 'block';
        width: 100%;
        height: 100%;
        background-color: var(--warning-color);
        opacity: 0.1;
        content: '';
      }
      &:hover {
        position: relative;
        border: 2px var(--warning-color);
        border-style: dashed;
        border-radius: 5px;
        cursor: grab;

        &:after {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          display: 'block';
          width: 100%;
          height: 100%;
          background-color: var(--warning-color);
          opacity: 0.2;
          content: '';
        }
      }
    }

    &:hover {
      position: relative;
      border: 2px var(--primary-color);
      border-style: dashed;
      border-radius: 5px;
      cursor: grab;

      &:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: 'block';
        width: 100%;
        height: 100%;
        background-color: var(--primary-color);
        opacity: 0.2;
        content: '';
      }
    }

    &:active {
      position: relative;
      border: 2px var(--primary-color);
      border-style: dashed;
      border-radius: 5px;
      cursor: grab;

      &:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: 'block';
        width: 100%;
        height: 100%;
        background-color: var(--primary-color);
        opacity: 0.3;
        content: '';
      }
    }
  }
}

.gant-layout {
  position: relative;
  color: var(--text-color);
  font-size: var(--font-size-base);
  font-family: var(--font-family);
  font-variant: var(--font-variant-base);
  line-height: var(--line-height-base);
  -webkit-font-feature-settings: var(--font-feature-settings-base);
  font-feature-settings: var(--font-feature-settings-base);
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--heading-color);
  }

  a {
    color: var(--link-color);
    -webkit-text-decoration: var(--link-decoration);
    text-decoration: var(--link-decoration);
  }

  a:hover {
    color: var(--link-hover-color);
  }

  a:active {
    color: var(--link-active-color);
  }

  a:active,
  a:hover {
    -webkit-text-decoration: var(--link-hover-decoration);
    text-decoration: var(--link-hover-decoration);
  }

  a[disabled] {
    color: var(--disabled-color);
  }

  pre,
  code,
  kbd,
  samp {
    font-family: var(--code-family);
  }

  caption {
    color: var(--text-color-secondary);
  }

  ::-moz-selection {
    color: var(--text-color-inverse);
    background: var(--text-selection-bg);
  }

  ::selection {
    color: var(--text-color-inverse);
    background: var(--text-selection-bg);
  }

  .anticon {
    color: inherit;
  }

  [ant-click-animating-without-extra-node='true']::after,
  .ant-click-animating-node {
    -webkit-box-shadow: 0 0 0 0 var(--primary-color);
    -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 0 var(--primary-color);
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  }

  .ant-scroll-number-only {
    height: var(--badge-height);
  }

  .ant-scroll-number-only > p {
    height: var(--badge-height);
  }

  .has-warning .ant-input,
  .has-warning .ant-input:hover {
    background-color: var(--form-warning-input-bg);
    border-color: var(--warning-color);
  }

  .has-warning .ant-input:focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-warning .ant-input:not([disabled]):hover {
    border-color: var(--warning-color);
  }

  .has-warning .ant-input-affix-wrapper .ant-input,
  .has-warning .ant-input-affix-wrapper .ant-input:hover {
    background-color: var(--form-warning-input-bg);
    border-color: var(--warning-color);
  }

  .has-warning .ant-input-affix-wrapper .ant-input:focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: var(--warning-color);
  }

  .has-warning .ant-input-prefix {
    color: var(--warning-color);
  }

  .has-warning .ant-input-group-addon {
    color: var(--warning-color);
    background-color: var(--form-warning-input-bg);
    border-color: var(--warning-color);
  }

  .has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-warning .has-feedback {
    color: var(--warning-color);
  }

  .has-warning .ant-select-selection {
    border-color: var(--warning-color);
  }

  .has-warning .ant-select-selection:hover {
    border-color: var(--warning-color);
  }

  .has-warning .ant-select-open .ant-select-selection,
  .has-warning .ant-select-focused .ant-select-selection {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-warning .ant-calendar-picker-icon::after,
  .has-warning .ant-time-picker-icon::after,
  .has-warning .ant-picker-icon::after,
  .has-warning .ant-select-arrow,
  .has-warning .ant-cascader-picker-arrow {
    color: var(--warning-color);
  }

  .has-warning .ant-input-number,
  .has-warning .ant-time-picker-input {
    border-color: var(--warning-color);
  }

  .has-warning .ant-input-number-focused,
  .has-warning .ant-time-picker-input-focused,
  .has-warning .ant-input-number:focus,
  .has-warning .ant-time-picker-input:focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-warning .ant-input-number:not([disabled]):hover,
  .has-warning .ant-time-picker-input:not([disabled]):hover {
    border-color: var(--warning-color);
  }

  .has-warning .ant-cascader-picker:focus .ant-cascader-input {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-input,
  .has-error .ant-input:hover {
    background-color: var(--form-error-input-bg);
    border-color: var(--error-color);
  }

  .has-error .ant-input:focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-input:not([disabled]):hover {
    border-color: var(--error-color);
  }

  .has-error .ant-calendar-picker-open .ant-calendar-picker-input {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-input-affix-wrapper .ant-input,
  .has-error .ant-input-affix-wrapper .ant-input:hover {
    background-color: var(--form-error-input-bg);
    border-color: var(--error-color);
  }

  .has-error .ant-input-affix-wrapper .ant-input:focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: var(--error-color);
  }

  .has-error .ant-input-prefix {
    color: var(--error-color);
  }

  .has-error .ant-input-group-addon {
    color: var(--error-color);
    background-color: var(--form-error-input-bg);
    border-color: var(--error-color);
  }

  .has-error .has-feedback {
    color: var(--error-color);
  }

  .has-error .ant-select-selection {
    border-color: var(--error-color);
  }

  .has-error .ant-select-selection:hover {
    border-color: var(--error-color);
  }

  .has-error .ant-select-open .ant-select-selection,
  .has-error .ant-select-focused .ant-select-selection {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-select.ant-select-auto-complete .ant-input:focus {
    border-color: var(--error-color);
  }

  .has-error .ant-calendar-picker-icon::after,
  .has-error .ant-time-picker-icon::after,
  .has-error .ant-picker-icon::after,
  .has-error .ant-select-arrow,
  .has-error .ant-cascader-picker-arrow {
    color: var(--error-color);
  }

  .has-error .ant-input-number,
  .has-error .ant-time-picker-input {
    border-color: var(--error-color);
  }

  .has-error .ant-input-number-focused,
  .has-error .ant-time-picker-input-focused,
  .has-error .ant-input-number:focus,
  .has-error .ant-time-picker-input:focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-input-number:not([disabled]):hover,
  .has-error .ant-time-picker-input:not([disabled]):hover {
    border-color: var(--error-color);
  }

  .has-error .ant-mention-wrapper .ant-mention-editor,
  .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
    border-color: var(--error-color);
  }

  .has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
  .has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .has-error .ant-cascader-picker:focus .ant-cascader-input {
    border-right-width: var(--border-width-base) !important;
    -webkit-box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width)
      var(--fade-primary-color-20);
    box-shadow: var(--input-outline-offset) var(--outline-blur-size) var(--outline-width) var(--fade-primary-color-20);
  }

  .primary-color {
    color: var(--primary-color);
  }

  .colorWeak {
    filter: invert(80%);
  }

  canvas {
    display: block;
  }

  ul,
  ol {
    list-style: none;
  }

  @media (max-width: @screen-xs) {
    .ant-table {
      width: 100%;
      overflow-x: auto;
      &-thead > tr,
      &-tbody > tr {
        > th,
        > td {
          white-space: pre;
          > span {
            display: block;
          }
        }
      }
    }
  }

  .ant-drawer .ant-drawer-content {
    overflow: hidden;
  }

  .ant-drawer-content-wrapper {
    height: 100vh;
  }

  .ant-drawer-wrapper-body {
    height: 100vh;
    overflow: hidden;
  }

  .ant-drawer-body {
    height: calc(100vh - 40px);
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  //修复按钮组的圆角问题
  .ant-btn-group .ant-btn-icon-only.ant-btn-sm {
    border-radius: 0;
  }
  //解决日期组件显示异常问题
  .ant-calendar-picker {
    width: 100%;
  }
}

.gant-submenu-wrap {
  .ant-menu {
    box-shadow: none;
  }
}

//公共样式开始
.bkgwhite {
  background: #fff;
}

.margin5 {
  margin: 5px !important;
}

.marginhl5 {
  margin-left: 5px !important;
}

.marginhr5 {
  margin-right: 5px !important;
}

.marginv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.margin10 {
  margin: 10px !important;
}

.marginhl10 {
  margin-left: 10px !important;
}

.marginh10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.marginv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin15 {
  margin: 15px !important;
}

.marginh15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.marginv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.margin20 {
  margin: 20px;
}

.marginh20 {
  margin-right: 20px;
  margin-left: 20px;
}

div.full {
  width: 100%;
  height: 100%;
}

div.aligncenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pointer {
  cursor: pointer;
}

.notranslate {
  transform: translate(0) !important;
}

//基础定制antd开始
.ant-spin-nested-loading {
  overflow-x: hidden;
}

.ant-menu-dark {
  .custom-menu-item-link {
    color: #fff;
  }
}

.ant-table-expanded-row:hover {
  background: inherit !important;
}

.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 30px !important;
}

.ant-card-head {
  margin-bottom: 0 !important;
}

.ant-pagination {
  padding-right: 5px !important;
}

.ant-tree {
  .ant-tree-treenode-switcher-open,
  .ant-tree-treenode-switcher-close {
    li {
      padding: 0;
    }
  }

  li {
    .ant-tree-node-content-wrapper {
      padding: 0 !important;

      .ant-tree-iconEle {
        width: auto;

        i {
          margin-right: 5px;
        }
      }
    }
  }
}

.ant-tabs-tab {
  padding: 5px !important;
}

.ant-tabs-top-bar {
  margin: 0 0 0px 0 !important;
}

.ant-drawer-header {
  padding: 4px 10px !important;
}

.ant-drawer-close {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
}

.ant-modal-header {
  padding: 4px 10px !important;
}

.ant-modal-close-x {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.ant-modal-body {
  padding: 10px;
}

.ant-modal-title {
  font-weight: bold;
  font-size: 14px;
}

.ant-select-dropdown {
  font-size: 12px !important;
}

.ant-tooltip-inner {
  min-height: 20px !important;
}

.ant-tooltip {
  font-size: 12px !important;
  line-height: 1 !important;
}

.ant-select {
  font-size: 12px !important;
}

.ant-popover-inner-content {
  padding: 10px !important;
}

.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  font-size: 14px !important;
}

.ant-table-pagination.ant-pagination {
  margin: 8px 0 !important;
}

.ant-table-content .ant-table-footer {
  background: var(--component-background);
}

.ant-form label {
  font-size: var(--font-size-base) !important;
}

//全局formitem marginbottom
.ant-form-item {
  &-children {
    height: fit-content;
  }
  .ant-form-item-label {
    color: rgba(125, 125, 125, 0.65) !important;
  }

  .ant-form-item-control-wrapper {
    color: var(--text-color) !important;
  }
}

.ant-page-header-title-view-extra {
  right: 0px !important;
}

.ant-input-textarea-clear-icon {
  z-index: 999 !important;
}
//锚点
.ant-anchor-wrapper {
  background-color: transparent !important;
}

.ant-anchor {
  font-size: 12px !important;
}

.ant-modal-confirm-body {
  padding-bottom: 30px;
}

.ant-modal-confirm {
  .ant-modal-confirm-btns {
    margin-top: 0px;
  }

  .ant-modal-body {
    padding: 20px !important;
  }
}

.ant-pagination {
  font-size: 12px !important;
}

//基础定制antd结束

.form-item-align-right {
  :global(.ant-form-item-label) {
    text-align: right;
  }
}

.form-item-align-left {
  :global(.ant-form-item-label) {
    text-align: left;
  }
}

.fixed-label-from-h {
  .ant-form-item-control-wrapper {
    width: calc(100% - 120px) !important;
  }

  .ant-form-item-label {
    width: 120px !important;
  }
}

.iconbtn {
  margin: 0 5px;
  padding: 0 8px !important;
}

.text-overflow-hidden {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-pro-basicLayout {
  height: 100%;
  .ant-layout {
    height: 100%;
    .ant-layout {
      height: 100%;
      .ant-layout-header + div {
        height: 100%;
        min-height: 100px !important;
      }
      .ant-pro-global-header-trigger + div {
        display: none;
      }
      .ant-pro-basicLayout-content {
        height: calc(100% - 20px);
        margin: 0 5px 0px 5px;
        .ant-pro-basicLayout-children-content-wrap {
          height: 100%;
          .ant-pro-grid-content {
            height: 100%;
            .page-header-box + div {
              height: 100%;
              .ant-card-bordered {
                height: 100%;
              }
            }
          }
        }
        .page-header-box {
          display: flex;
          height: 24px;
          margin-top: -5px; // 同layout的margin
          font-size: 12px;

          .ant-breadcrumb {
            flex: 1;
            padding: 0px 5px;
            font-size: 12px;
            line-height: 24px;
          }
        }
      }
    }
  }
}
//回到顶部
.ant-back-top {
  right: 0px !important;
  bottom: 0px !important;
}

.backtop {
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  background-color: var(--text-color-5);
  border-radius: 5px;
}

.ant-form-item-label > label {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-table {
  font-size: 12px !important;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item {
  height: 30px;
  line-height: 30px;
}

@menu-item-padding-left: 10px;

.ant-menu {
  // 收起状态
  &.ant-menu-inline-collapsed {
    & > .ant-menu-submenu > .ant-menu-submenu-title > .custom-menu-item {
      position: relative;

      .custom-menu-item-count {
        position: absolute;
        top: 0;
        left: 5px;
        line-height: initial;
      }
    }
  }

  // 修复hover的演示
  .ant-menu-submenu-active > .ant-menu-submenu-title,
  .ant-menu-item.ant-menu-item-active {
    background: rgba(0, 0, 0, 0.1) !important;
    user-select: none;
  }

  // 展开的菜单设置阴影
  .ant-menu-submenu-open .ant-menu-sub.ant-menu-inline {
    box-shadow: var(--ant-menu-sub-open-box-shadow);
  }

  .ant-menu-submenu-title {
    font-size: 12px !important; // padding-left: @menu-item-padding-left  !important;
  }

  .ant-menu-item {
    // padding-left: @menu-item-padding-left  !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 12px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.01);
  }

  // 菜单项徽章相关样式
  .custom-menu-item {
    display: flex;
    @menu-item-badge-size: 16px;

    &-link {
      display: block;
      flex: 1;
      padding-right: 4px;
      color: var(--menu-item-color);
      font-weight: var(--sider-menu-font-weight);
      .omitdisplay;

      &.dark {
        color: var(--menu-item-dark-color);
      }
    }

    &-count {
      .ant-badge {
        .ant-badge-count {
          height: @menu-item-badge-size;
          padding: 0 4px;
          font-size: 10px;
          line-height: @menu-item-badge-size;
          background-color: var(--primary-color);
          box-shadow: none;
        }
      }
    }
  }
}

.ant-pro-sider-menu-sider.fix-sider-bar .ant-menu-root {
  // 侧边栏滚动条 hover才显示
  overflow-y: hidden !important;

  &:hover {
    overflow-y: auto !important;
  }
}

.ant-menu.ant-pro-sider-menu {
  padding: 0 !important;
}

.ant-pro-sider-menu-sider {
  .ant-layout-sider-children .ant-pro-sider-menu-logo {
    // 去掉亮色默认的下阴影
    h1 {
      margin: 0 0 0 5px;
      font-size: 16px;
    }
  }

  // 暗色
  &.ant-layout-sider-dark .ant-layout-sider-children .ant-pro-sider-menu-logo h1 {
    color: #fff;
  }
}

.antd-pro-components-layout-globalheader-index-headerright {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.ant-card-small > .ant-card-body {
  padding: 0px;
}

.gant-submenu-wrap {
  .ant-menu-item {
    padding-left: 10px !important;
  }
}

.antd-pro-components-layout-footertoolbar-index-toolbar {
  height: 40px !important;
  padding: 0 10px !important;
  line-height: 40px !important;
}

.ant-btn-circle.ant-btn-lg {
  width: auto !important;
}

.ant-card-head {
  .ant-btn-icon-only {
    width: 24px !important;
  }
}

.visibleSwitch {
  font-size: 12px;
}

.dynamic_action_button_wrap {
  display: inline-flex;

  .dynamic_action_text {
    display: inline-block;
    flex: 1;
  }

  .dynamic_action_icon {
    display: none;
    margin: 0 3px;
    line-height: 18px;

    &:hover {
      color: var(--primary-color);
    }
  }
}

.ant-table-row-selected {
  .dynamic_action_icon {
    display: inline-block;
  }
}

.row_hover_icon {
  display: inline-block;
  margin: 0 3px;
  line-height: 18px;

  &:hover {
    color: var(--primary-color);
  }
}

//空页面样式
.emptyContent {
  display: flex;
  align-items: center;
  justify-content: center;
}

//widget 配置面板脚部
.widgetconfigfooter {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 30px;
  padding: 3px;
  text-align: right;
  background: var(--component-background);
  border-top: 1px solid var(--border-color-split);
  border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);

  &:after {
    display: block;
    width: 100%;
    height: 30px;
    content: '';
  }
}

.widgetconfigfooterblank {
  width: 100%;
  height: 30px;
}

.miniAvatar {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: sub;
}

.fixCardTab {
  .ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
    padding: 13px 16px;
  }

  .ant-card-head {
    padding: 0px 10px;
  }

  .ant-card-head-wrapper {
    float: right;
  }

  .ant-card-head .ant-tabs {
    float: left;
    clear: none;
  }

  .ant-card-extra {
    display: flex;
  }

  .ant-tabs-nav-container {
    margin-bottom: 0px;
  }
}

.steps-content {
  min-height: 200px;
  margin-top: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.ant-badge-count {
  height: 16px !important;
  line-height: 16px !important;
  box-shadow: none !important;
}

//超出省略显示
.omitdisplay {
  display: box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.omit-generator(@line) when (@line <=10) {
  .omit-@{line} {
    .omitdisplay;
    -webkit-line-clamp: @line;
  }

  .omit-generator(@line+1);
}

.omit-generator(1);

//修复由主题所致的优先级问题，按需
.ant-tag-green {
  color: #52c41a !important;
  background: #f6ffed !important;
  border-color: #b7eb8f !important;
}

.transparentscrollbar {
  &::-webkit-scrollbar {
    width: 10px;
    background: transparent;
    border: none;
    outline: none;
  }

  &::-webkit-scrollbar-thumb {
    background: transparent;
    border: none;
    outline: none;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    outline: none;
  }
}

.specialHeader {
  background: var(--search-header-background);
}

.specialCardHeader {
  :global {
    .ant-card-head {
      background: var(--search-header-background);
    }
  }
}

.dangerColor {
  color: var(--error-color);
}

.successColor {
  color: var(--success-color);
}

.warningColor {
  color: var(--warning-color);
}

.primaryColor {
  color: var(--primary-color);
}

.ant-fullcalendar-calendar-body {
  padding: 10px;
}

.waterfall {
  column-count: 3;
  column-gap: 10px;
}

.react-grid-item > .react-resizable-handle {
  z-index: 1;
}

.ant-card-head-wrapper {
  width: 100%;
}

// 关闭menu的动画效果
.ant-layout-sider,
  // 左侧菜单收缩
  .ant-pro-fixed-header,
  .basicLayout .ant-layout {
  // 右侧内容收缩
  -webkit-transition: none !important;
  transition: none !important;
}

// field清除按钮位置, 第一个元素之后的第一个元素（即 有3个子元素的ul 的 第 2 个元素）
.ant-select-selection > *:nth-last-child(3):first-child ~ span:nth-last-child(2) {
  margin-right: 24px !important;
}

//ag-grid定制
.ag-theme-balham {
  font-family: microsoft yahei, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    'Helvetica Neue', sans-serif;
  //重写列头
  .ag-header-cell {
    padding-right: 3px;
    padding-left: 3px;
    color: var(--text-color);
    .ag-react-container {
      .customHeaderMenuButton {
        i {
          vertical-align: -0.125em !important;
        }
      }
      .customHeaderSort {
        i {
          vertical-align: -0.125em !important;
        }
      }
    }
  }
  .ag-cell-value {
    padding-right: 1px; //解决斜体显示时文字或字母显示不全的问题
  }
  .ag-group-value {
    padding-right: 1px; //解决斜体显示时文字或字母显示不全的问题
  }
  .ag-cell {
    font-weight: var(--font-weight-base);
    font-size: var(--font-size-base);
  }
  .ag-dnd-ghost {
    z-index: 1999 !important;
  }

  .ag-pinned-left-cols-container {
    border-right: 1px solid rgba(128, 128, 128, 0.3);
  }
  .ag-floating-filter-body {
    overflow: hidden;
  }
}
// 超链接
.grid-cell-link {
  color: var(--link-color);
  &:hover {
    cursor: pointer;
  }
}
//自动换行
.gird-auto-row {
  .ag-cell {
    height: auto;
  }
}
//换行符控制换行
.grid-control-break-line {
  .ag-cell {
    height: auto;
  }
  .ag-pinned-left-cols-container {
    .ag-cell {
      height: 100%;
    }
  }
  .align-center {
    height: 100%;
  }
  .ag-cell-value {
    white-space: pre !important;
  }
}

.gant-schemaform-schemaForm .ant-form-item .ant-form-item-control-wrapper {
  min-height: 26px;
}

// 提升header的层级，用于popover层级高于cotent
.ant-pro-fixed-header.ant-layout-header {
  z-index: 11 !important;
}
// form里的dateranger
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}

//解决校验提示和下拉按钮重叠的问题
.gant-schemaform-schemaForm .gant-form-item-sm .ant-form-item-control-wrapper .ant-form-item-control .ant-form-explain {
  bottom: 4px;
  min-height: 16px;
  line-height: 16px;
  background: var(--component-background);
}

//grid拖拽排序样式
.gant-grid {
  .dragbottom {
    border-bottom: 1px solid #1890ff !important;
  }
  .dragmiddle {
    background: #1890ff !important;
  }
  .dragtop {
    border-top: 1px solid #1890ff !important;
  }
  .italic {
    font-style: italic;
  }
  .gant-cell-span {
    z-index: 5 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--component-background) !important;
    border-right: 1px solid var(--ag-row-border-color, #d9dcde);
    border-bottom: 1px solid var(--ag-row-border-color, #d9dcde);
    &-hide {
      display: none !important;
      background: transparent !important;
    }
    .ag-row-hover {
      .gant-cell-span-hide {
        display: none !important;
        background: transparent !important;
      }
    }
  }
}

//必填表单字段
.field-required {
  .ant-input-disabled {
    border-color: rgba(128, 128, 128, 0.1);
  }
}

.zoom-1-5 {
  transition: all 0.3s;
  &:hover {
    color: blue;
    transform: scale(1.5);
    transition: all 0.3s;
  }
}

.zoomed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999;
  width: 100vw !important;
  height: 100vh !important;
  overflow-y: auto !important;
  background: var(--component-background) !important;
  transform: translate(0px, 0px) !important;
}

.Resizer {
  z-index: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  // background: rgb(0,0,0,0.1);
  opacity: 0.2;
}

.Resizer:hover {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.Resizer.horizontal {
  width: 100%;
  height: 11px;
  margin: -5px 0;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: row-resize;
}

.Resizer.horizontal:hover {
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
}

.Resizer.vertical {
  width: 11px;
  margin: 0 -5px;
  border-right: 5px solid rgba(255, 255, 255, 0);
  border-left: 5px solid rgba(255, 255, 255, 0);
  cursor: col-resize;
}

.Resizer.vertical:hover {
  border-right: 5px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid rgba(0, 0, 0, 0.5);
}

.Resizer.disabled {
  cursor: not-allowed;
}

.Resizer.disabled:hover {
  border-color: transparent;
}

//修复splitpane flex 嵌套flex布局的bug
.Pane.vertical.Pane2 {
  overflow: hidden;
}

//表单字段field 校验文字 遮住放大镜问题，赋值给uiSchema
.error-message-right-1 {
  .ant-form-explain {
    right: 24px !important;
  }
}
.error-message-right-2 {
  .ant-form-explain {
    right: 48px !important;
  }
}
.error-message-right-3 {
  .ant-form-explain {
    right: 156px !important;
  }
}

.has-error:focus-within .ant-form-explain {
  display: none !important;
}

//解决菜单字体大小不统一的问题（此处假设我们集成的其他系统用的antd样式也是如此）
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  font-size: 12px;
}
//grid过滤器增加横向滚动条
.ag-virtual-list-container.ag-filter-virtual-list-container {
  position: initial;
}

.ant-list-sm .ant-list-item {
  padding-top: 3px;
  padding-bottom: 3px;
}

// header隐藏的按钮也需要间距
.gant-blockheader-extra-fixed > * {
  margin-right: 5px;
}
.ant-dropdown.gant-blockheader-dropdown {
  z-index: 10 !important;
}

.gant-layout .ReadonlyInput .ant-input {
  height: 24px;
}

@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--primary-color);
    -webkit-box-shadow: 0 0 0 var(--wave-animation-width) var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 var(--primary-color);
    box-shadow: 0 0 0 var(--wave-animation-width) var(--antd-wave-shadow-color);
  }
}

@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--primary-color);
    -webkit-box-shadow: 0 0 0 var(--wave-animation-width) var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 var(--primary-color);
    box-shadow: 0 0 0 var(--wave-animation-width) var(--antd-wave-shadow-color);
  }
}

@-webkit-keyframes transferHighlightIn {
  0% {
    background: var(--primary-2);
  }
}

@keyframes transferHighlightIn {
  0% {
    background: var(--primary-2);
  }
}
